<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用指南 - 阅视界</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="guide.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body>
    <header>
        <div class="logo">阅视界</div>
        <ul class="nav-menu">
            <li><a href="index.html">首页</a></li>
            <li><a href="scoring-page.html">即时评分</a></li>
            <li><a href="history-review.html">评分历史</a></li>
            <li><a href="data-analysis.html">数据分析</a></li>
            <li><a href="feedback.html">反馈中心</a></li>
            <li><a href="guide.html" class="active">使用指南</a></li>
        </ul>
        <div class="user-actions">
            <div class="user-info" style="display: none;">
                <span id="username-display" style="cursor: pointer;"></span>
            </div>
            <div class="auth-buttons">
                <button class="primary" onclick="window.location.href='auth.html#login'">登录</button>
                <button onclick="window.location.href='auth.html#register'">注册</button>
            </div>
        </div>
    </header>
 <!-- 用户详情模态窗口 -->
    <div id="user-modal" class="modal">
        <div class="modal-content user-modal-content">
            <span class="close-button">&times;</span>
            <div class="user-profile-header">
                <div class="user-avatar">
                    <img src="images/avatar.svg" alt="用户头像">
                </div>
                <h2 id="modal-username"></h2>
            </div>
            <div class="user-details">
                <div class="detail-item">
                    <div class="detail-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <div class="detail-info">
                        <label>邮箱</label>
                        <span id="modal-email"></span>
                    </div>
                </div>
                <div class="detail-item">
                    <div class="detail-icon">
                        <i class="fas fa-fingerprint"></i>
                    </div>
                    <div class="detail-info">
                        <label>用户ID</label>
                        <span id="modal-userid"></span>
                    </div>
                </div>
            </div>
            <div class="logout-section">
                <button class="logout-btn" onclick="handleLogout()">
                    <i class="fas fa-sign-out-alt"></i>
                    退出登录
                </button>
            </div>
        </div>
    </div>
    <main class="guide-container">
        <div class="guide-header">
            <h1>使用指南</h1>
            <p>了解如何使用阅视界，快速获取专业评分反馈</p>
        </div>

        <div class="guide-content">
            <!-- 快速入门部分 -->
            <section class="guide-section">
                <h2>快速入门</h2>
                <div class="steps-container">
                    <div class="step-card">
                        <div class="step-number">1</div>
                        <div class="step-content">
                            <h3>注册账号</h3>
                            <p>点击右上角"注册"按钮，填写基本信息完成账号注册</p>
                        </div>
                    </div>

                    <div class="step-card">
                        <div class="step-number">2</div>
                        <div class="step-content">
                            <h3>上传作文</h3>
                            <p>在"即时评分"页面，输入或上传您的作文内容</p>
                        </div>
                    </div>

                    <div class="step-card">
                        <div class="step-number">3</div>
                        <div class="step-content">
                            <h3>获取评分</h3>
                            <p>系统将自动分析并生成详细的评分报告</p>
                        </div>
                    </div>
                </div>
                <div class="guide-gif-container">
                    <img src="images/guide.gif" alt="使用指南演示" class="guide-gif">
                </div>
            </section>

            <!-- 评分维度说明 -->
            <section class="guide-section">
                <h2>评分维度说明</h2>

                <div class="model-selector">
                    <label for="language-model">选择语言模型：</label>
                    <select id="language-model" onchange="changeModel()">
                        <option value="english-standard">英语-标准模型</option>
                        <option value="english-gaokao">英语-高考模型</option>
                        <option value="english-graduate">英语-考研模型</option>
                        <option value="english-cet">英语-四六级模型</option>
                        <option value="chinese-gaokao">中文-高考模型</option>
                        <option value="french-dalf">法语-DALF模型</option>
                        <option value="french-delf">法语-DELF模型</option>
                        <option value="russian-crt4">俄语-CRT-4模型</option>
                        <option value="russian-crt6">俄语-CRT-6模型</option>
                        <option value="spanish-dele">西班牙语-DELE模型</option>
                        <option value="japanese-cjt4">日语-CJT-4模型</option>
                        <option value="japanese-cjt6">日语-CJT-6模型</option>
                    </select>
                </div>

                <!-- 英语-标准模型 -->
                <div class="model-content" id="english-standard">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>词汇水平</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">词汇丰富度：</span>使用的词汇是否多样，是否避免了重复使用简单词汇</li>
                                <li><span class="item-label">词汇准确性：</span>词汇使用是否准确，是否符合语境</li>
                                <li><span class="item-label">词汇难度：</span>是否使用了适当的高级词汇或专业术语</li>
                                <li><span class="item-label">词汇搭配：</span>词汇的搭配是否自然，是否符合语言习惯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>句子表达</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">句子结构：</span>句子结构是否多样，是否使用了简单句、复合句和复杂句</li>
                                <li><span class="item-label">句子流畅性：</span>句子是否流畅，是否易于理解</li>
                                <li><span class="item-label">句子长度：</span>句子长度是否适中，是否避免了过长或过短的句子</li>
                                <li><span class="item-label">语法正确性：</span>句子是否符合语法规则，是否有语法错误</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>篇章结构</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">段落划分：</span>段落划分是否合理，是否每个段落都有一个明确的主题</li>
                                <li><span class="item-label">段落连贯性：</span>段落之间是否有适当的过渡，是否逻辑连贯</li>
                                <li><span class="item-label">篇章逻辑：</span>整篇文章的逻辑是否清晰，是否有明确的引言、主体和结论</li>
                                <li><span class="item-label">篇章完整性：</span>文章是否完整，是否有明确的开始、发展和结尾</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>内容相关</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">内容相关性：</span>内容是否紧扣主题，是否偏离了题目要求</li>
                                <li><span class="item-label">内容深度：</span>内容是否有深度，是否提供了足够的细节和支持</li>
                                <li><span class="item-label">内容新颖性：</span>内容是否有新意，是否提供了独特的观点或见解</li>
                                <li><span class="item-label">内容逻辑性：</span>内容是否逻辑严密，是否有合理的论证过程</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 英语-高考模型 -->
                <div class="model-content" id="english-gaokao" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">完整性：</span>内容是否完整并且清楚、合理</li>
                                <li><span class="item-label">逻辑性：</span>逻辑是否严密，思路是否清晰</li>
                                <li><span class="item-label">符合目的：</span>是否符合写作目的与情境要求</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>词汇语法</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">多样性：</span>词汇和语法结构是否多样</li>
                                <li><span class="item-label">准确性：</span>词汇和语法使用是否准确</li>
                                <li><span class="item-label">恰当性：</span>词汇和语法使用是否恰当</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>篇章结构</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构清晰：</span>整体结构是否清晰</li>
                                <li><span class="item-label">衔接有效：</span>句间和段间衔接是否有效</li>
                                <li><span class="item-label">意义连贯：</span>文章意义是否连贯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>写作规范</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">拼写：</span>单词拼写是否正确</li>
                                <li><span class="item-label">标点：</span>标点使用是否符合规范</li>
                                <li><span class="item-label">大小写：</span>大小写使用是否符合规范</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 英语-考研模型 -->
                <div class="model-content" id="english-graduate" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容完整性</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">内容要点：</span>是否包含所有规定的内容要点</li>
                                <li><span class="item-label">相关性：</span>内容是否与题目要求相关，是否有无关内容</li>
                                <li><span class="item-label">有效阐述：</span>是否有效地阐述了各个内容要点</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>文章组织连贯性</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">衔接手法：</span>是否有效采用了多种衔接手法</li>
                                <li><span class="item-label">层次清晰：</span>文章层次是否清晰，组织是否严密</li>
                                <li><span class="item-label">内容连贯：</span>文字是否连贯，逻辑是否清晰</li>
                                <li><span class="item-label">格式语域：</span>格式与语域是否恰当贴切</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>语法结构</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构丰富度：</span>是否使用丰富的语法结构</li>
                                <li><span class="item-label">结构准确性：</span>语法结构使用是否准确</li>
                                <li><span class="item-label">复杂结构：</span>是否能够正确使用较复杂的语法结构</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>词汇与语言</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">词汇丰富度：</span>是否使用丰富的词汇</li>
                                <li><span class="item-label">词汇准确性：</span>词汇使用是否准确恰当</li>
                                <li><span class="item-label">语言流畅性：</span>语言是否自然流畅</li>
                                <li><span class="item-label">高级词汇：</span>是否能够正确使用较高级的词汇</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">5</div>
                            <h3>评分等级</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">第五档(A节9-10分/B节17-20分)：</span>很好地完成任务，内容全面，语言丰富流畅，错误极少</li>
                                <li><span class="item-label">第四档(A节7-8分/B节13-16分)：</span>较好地完成任务，内容基本全面，语言较丰富，个别错误</li>
                                <li><span class="item-label">第三档(A节5-6分/B节9-12分)：</span>基本完成任务，包含多数要点，有一些错误但不影响理解</li>
                                <li><span class="item-label">第二档(A节3-4分/B节5-8分)：</span>未能按要求完成任务，内容有缺失，错误较多影响理解</li>
                                <li><span class="item-label">第一档(A节1-2分/B节1-4分)：</span>未完成任务，内容严重缺失，语言错误多，理解困难</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 英语-四六级模型 -->
                <div class="model-content" id="english-cet" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>表达思想清晰度（40分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">主题明确：</span>文章主题是否明确，中心思想是否突出</li>
                                <li><span class="item-label">内容相关：</span>内容是否与主题相关，是否有偏题现象</li>
                                <li><span class="item-label">论点清晰：</span>观点表达是否清晰，论证是否有力</li>
                                <li><span class="item-label">结构合理：</span>文章结构是否合理，层次是否分明</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>文字通顺连贯性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">句间连贯：</span>句子之间是否连贯，过渡是否自然</li>
                                <li><span class="item-label">段落衔接：</span>段落之间是否有逻辑衔接，是否流畅</li>
                                <li><span class="item-label">表达流畅：</span>表达是否流畅，是否易于理解</li>
                                <li><span class="item-label">逻辑一致：</span>全文逻辑是否一致，是否有前后矛盾</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>语言准确性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>是否有语法错误，如时态、语态、主谓一致等</li>
                                <li><span class="item-label">词汇准确：</span>词汇使用是否准确，是否有用词不当</li>
                                <li><span class="item-label">拼写正确：</span>单词拼写是否正确</li>
                                <li><span class="item-label">标点使用：</span>标点符号使用是否正确</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 中文-高考模型 -->
                <div class="model-content" id="chinese-gaokao" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>基础分（60分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">内容分（30分）：</span>是否符合题意、中心是否明确、内容是否丰富、感情是否真实</li>
                                <li><span class="item-label">表达分（30分）：</span>重点考察作文的结构、语言、文体</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>发展分（40分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">深刻性（10分）：</span>透过现象看本质，揭示事物内在的因果关系，观点具有启发作用</li>
                                <li><span class="item-label">丰富性（10分）：</span>材料丰富，论据充足，形象丰满，立意深远</li>
                                <li><span class="item-label">有文采（10分）：</span>用词贴切，句式灵活，善于运用修辞手法，文句有表现力</li>
                                <li><span class="item-label">创意性（10分）：</span>见解新颖，材料新鲜，构思精巧，推理想象有独到之处，有个性特征</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 法语-DALF模型 -->
                <div class="model-content" id="french-dalf" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>语用能力（40分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">任务完成度：</span>是否完成作文主题任务要求</li>
                                <li><span class="item-label">内容相关性：</span>内容是否与主题相关，是否有偏题现象</li>
                                <li><span class="item-label">连贯性：</span>文章结构是否连贯，逻辑是否清晰</li>
                                <li><span class="item-label">一致性：</span>观点表达是否一致，是否有前后矛盾</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>社会语言能力（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语域适应性：</span>语言风格是否符合写作场合和目标读者</li>
                                <li><span class="item-label">文化适应性：</span>是否体现对法语文化背景的理解</li>
                                <li><span class="item-label">表达习惯：</span>是否符合法语表达习惯和思维方式</li>
                                <li><span class="item-label">社交功能：</span>是否能够有效实现交际目的</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>语言能力（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">词汇丰富度：</span>词汇使用是否丰富多样</li>
                                <li><span class="item-label">词汇准确性：</span>词汇使用是否准确恰当</li>
                                <li><span class="item-label">句法多样性：</span>句式是否多样，是否使用复杂句型</li>
                                <li><span class="item-label">语法正确性：</span>语法使用是否正确，是否有明显错误</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 法语-DELF模型 -->
                <div class="model-content" id="french-delf" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>实践运用能力（40分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">任务完成度：</span>是否完成了所有写作任务要求</li>
                                <li><span class="item-label">内容相关性：</span>内容是否与主题相关，是否切题</li>
                                <li><span class="item-label">结构严密性：</span>文章结构是否严密，层次是否分明</li>
                                <li><span class="item-label">协调性：</span>各部分内容是否协调，比例是否恰当</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>社会语言习得能力（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语域适应性：</span>语言风格是否符合特定场合要求</li>
                                <li><span class="item-label">社会语言习惯：</span>是否符合法语国家的表达习惯</li>
                                <li><span class="item-label">文化理解：</span>是否体现对法语文化背景的理解</li>
                                <li><span class="item-label">交际有效性：</span>是否能有效传达信息和意图</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>语言能力（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">词汇运用：</span>词汇使用是否准确、丰富</li>
                                <li><span class="item-label">句法结构：</span>句子结构是否正确、多样</li>
                                <li><span class="item-label">语法形态：</span>动词变位、名词性别、数量等语法形态是否正确</li>
                                <li><span class="item-label">拼写标点：</span>拼写和标点符号使用是否规范</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>评分等级</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">A1级：</span>能够使用简单的词汇和句型表达基本需求</li>
                                <li><span class="item-label">A2级：</span>能够描述简单的日常事件和个人经历</li>
                                <li><span class="item-label">B1级：</span>能够就熟悉的话题写出连贯的文本</li>
                                <li><span class="item-label">B2级：</span>能够写出清晰详细的文本，表达观点并提供论据</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 俄语-CRT-4模型 -->
                <div class="model-content" id="russian-crt4" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容完整性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">任务完成度：</span>是否完成题目要求（如信件、短文等）</li>
                                <li><span class="item-label">主题表达：</span>主题表达是否清晰明确</li>
                                <li><span class="item-label">信息完整：</span>信息是否完整（如时间、地点、人物等）</li>
                                <li><span class="item-label">内容充实：</span>内容是否充实，是否有足够的细节支持</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>语言准确性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>语法是否正确（动词变位、名词格、时态等）</li>
                                <li><span class="item-label">词汇恰当：</span>词汇使用是否恰当，是否避免重复</li>
                                <li><span class="item-label">表达地道：</span>是否避免中式表达，是否符合俄语习惯</li>
                                <li><span class="item-label">拼写正确：</span>单词拼写是否正确</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>逻辑与连贯性（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">分段合理：</span>分段是否合理，每段是否有明确主题</li>
                                <li><span class="item-label">连接词使用：</span>是否使用连接词（如 «потому что», «поэтому»）</li>
                                <li><span class="item-label">条理清晰：</span>内容条理是否清晰，是否有逻辑性</li>
                                <li><span class="item-label">逻辑连贯：</span>是否无明显逻辑跳跃，思路是否连贯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>格式与规范（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">文体格式：</span>是否符合文体格式（如书信开头/结尾）</li>
                                <li><span class="item-label">标点符号：</span>标点符号使用是否正确</li>
                                <li><span class="item-label">书写规范：</span>书写是否工整规范</li>
                                <li><span class="item-label">格式一致：</span>格式是否一致，是否符合俄语写作惯例</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 俄语-CRT-6模型 -->
                <div class="model-content" id="russian-crt6" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容深度与复杂性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">抽象观点：</span>是否能表达出抽象观点和复杂思想</li>
                                <li><span class="item-label">论证支持：</span>是否使用一定例证或数据支持观点</li>
                                <li><span class="item-label">思想深度：</span>思想是否有深度，是否有独到见解</li>
                                <li><span class="item-label">内容丰富：</span>内容是否丰富，是否有足够的论述</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>语言丰富性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">句式多样：</span>是否采用复合句、分词短语等多样句式</li>
                                <li><span class="item-label">高级词汇：</span>是否使用高级词汇和专业术语</li>
                                <li><span class="item-label">表达精确：</span>表达是否精确，用词是否恰当</li>
                                <li><span class="item-label">语言风格：</span>语言风格是否符合学术或正式文体要求</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>逻辑结构（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构严谨：</span>文章结构是否严谨（引言、主体、结论）</li>
                                <li><span class="item-label">段落过渡：</span>段落间过渡是否自然流畅</li>
                                <li><span class="item-label">论证逻辑：</span>论证是否有逻辑性，是否有说服力</li>
                                <li><span class="item-label">结构完整：</span>结构是否完整，各部分是否比例恰当</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>语法格式（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>是否有语法错误，特别是复杂语法结构</li>
                                <li><span class="item-label">书面语规范：</span>书面语是否规范，是否避免口语化表达</li>
                                <li><span class="item-label">文体要求：</span>是否符合学术或正文体要求</li>
                                <li><span class="item-label">标点格式：</span>标点符号和格式是否符合俄语规范</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 西班牙语-DELE模型 -->
                <div class="model-content" id="spanish-dele" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>话语体裁适应性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">论证质量：</span>是否论证合理，条理清晰，论点突出</li>
                                <li><span class="item-label">读者意识：</span>是否考虑了收信人的情况，符合交际目的</li>
                                <li><span class="item-label">体裁风格：</span>是否符合特定体裁的风格和惯例</li>
                                <li><span class="item-label">表达方式：</span>表达方式是否恰当，是否符合西班牙语文化习惯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>连贯性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构清晰：</span>文章结构是否清晰，是否有明确的开头、主体和结尾</li>
                                <li><span class="item-label">内容连贯：</span>内容是否连贯，思路是否清晰</li>
                                <li><span class="item-label">过渡自然：</span>段落和句子之间的过渡是否自然</li>
                                <li><span class="item-label">结构合理：</span>文章结构是否合理，各部分比例是否恰当</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>准确性（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>语法使用是否正确，如时态、语态、主谓一致等</li>
                                <li><span class="item-label">拼写正确：</span>单词拼写是否正确，包括重音符号的使用</li>
                                <li><span class="item-label">标点使用：</span>标点符号使用是否正确，特别是西班牙语特有的标点</li>
                                <li><span class="item-label">句法结构：</span>句法结构是否正确，是否符合西班牙语习惯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>拓展性（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">词汇丰富：</span>词汇量是否丰富，是否避免重复使用简单词汇</li>
                                <li><span class="item-label">惯用语掌握：</span>是否熟练掌握并正确使用西班牙语惯用语</li>
                                <li><span class="item-label">表达多样：</span>表达方式是否多样，是否能灵活运用不同表达</li>
                                <li><span class="item-label">文化理解：</span>是否体现对西班牙语文化背景的理解</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 日语-CJT-4模型 -->
                <div class="model-content" id="japanese-cjt4" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容切题度与完整性（40分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">切题程度：</span>内容是否符合题目要求，是否偏离主题</li>
                                <li><span class="item-label">内容完整：</span>内容是否完整，是否覆盖了所有要点</li>
                                <li><span class="item-label">内容充实：</span>内容是否充实，是否有足够的细节支持</li>
                                <li><span class="item-label">表达清晰：</span>表达是否清晰，观点是否明确</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>语法表达（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>语法使用是否正确，如助词、时态、敬语等</li>
                                <li><span class="item-label">句型多样：</span>句型是否多样，是否避免重复使用简单句型</li>
                                <li><span class="item-label">表达准确：</span>表达是否准确，用词是否恰当</li>
                                <li><span class="item-label">文体一致：</span>文体是否一致，是否符合日语书面语规范</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>逻辑连贯性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构清晰：</span>文章结构是否清晰，是否有明确的开头、主体和结尾</li>
                                <li><span class="item-label">段落连贯：</span>段落之间是否连贯，过渡是否自然</li>
                                <li><span class="item-label">逻辑合理：</span>论证是否合理，逻辑是否清晰</li>
                                <li><span class="item-label">衔接手段：</span>是否使用适当的连接词和表达，如「そして」「しかし」「したがって」等</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>评分等级</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">8～10分档：</span>作文切题，内容完整，层次分明，语句通顺，上下文连接自然，表达基本没有错误</li>
                                <li><span class="item-label">5～7分档：</span>作文切题，内容基本完整，个别语句稍欠通顺，上下文稍欠自然，日语表达有少量错误</li>
                                <li><span class="item-label">2～4分档：</span>作文基本切题，内容欠完整，日语表达有较多错误</li>
                                <li><span class="item-label">0分档：</span>不具备基本的日语表达能力，通篇不知所云</li>
                            </ul>
                        </div>
                    </div>
                </div>

                <!-- 日语-CJT-6模型 -->
                <div class="model-content" id="japanese-cjt6" style="display:none;">
                    <div class="steps-container">
                        <div class="step-card">
                            <div class="step-number">1</div>
                            <h3>内容完整性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">主题把握：</span>是否准确把握主题，观点是否明确</li>
                                <li><span class="item-label">内容深度：</span>内容是否有深度，是否有独到见解</li>
                                <li><span class="item-label">论证充分：</span>论证是否充分，是否有足够的例证</li>
                                <li><span class="item-label">内容丰富：</span>内容是否丰富，是否有足够的细节支持</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">2</div>
                            <h3>语言准确性（30分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">语法正确：</span>语法使用是否正确，特别是复杂语法结构</li>
                                <li><span class="item-label">词汇准确：</span>词汇使用是否准确，是否符合语境</li>
                                <li><span class="item-label">表达地道：</span>表达是否地道，是否符合日语习惯</li>
                                <li><span class="item-label">文体规范：</span>文体是否规范，是否符合学术或正式文体要求</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">3</div>
                            <h3>逻辑与结构（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">结构清晰：</span>段落结构是否清晰，是否有明确的引言、主体和结论</li>
                                <li><span class="item-label">连接词使用：</span>是否恰当使用连接词使行文流畅</li>
                                <li><span class="item-label">逻辑严密：</span>论证是否逻辑严密，是否有说服力</li>
                                <li><span class="item-label">段落过渡：</span>段落之间过渡是否自然，是否连贯</li>
                            </ul>
                        </div>

                        <div class="step-card">
                            <div class="step-number">4</div>
                            <h3>表达丰富性（20分）</h3>
                            <ul class="dimension-list">
                                <li><span class="item-label">句式多样：</span>是否使用多样句式（复合句、被动形、使役形等）</li>
                                <li><span class="item-label">高级词汇：</span>是否使用高级词汇和专业术语</li>
                                <li><span class="item-label">修辞手法：</span>是否运用修辞手法增强表达效果</li>
                                <li><span class="item-label">表达精确：</span>表达是否精确，是否能准确传达复杂概念</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 常见问题 -->
            <section class="guide-section">
                <h2>常见问题</h2>
                <div class="faq-container">
                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 支持哪些文件格式？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>支持 .pdf、.jpg、.png、.jpeg 格式的文件，也可以直接粘贴文本内容。文件大小限制为10MB以内。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 评分需要多长时间？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>一般在30秒内完成评分，具体时间取决于文章长度。系统会实时显示评分进度。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 如何查看历史评分？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>登录后在"评分历史"页面可以查看所有历史评分记录。系统会永久保存您的评分记录，方便追踪学习进度。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 评分结果准确吗？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>系统采用先进的AI算法，评分准确度达到90%以上，持续优化中。评分标准参考各类考试评分规范，确保评分的专业性和可靠性。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 支持哪些语言的作文评分？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>目前支持中文、英语、法语、俄语、西班牙语和日语的作文评分。每种语言都有针对性的评分模型，如高考、四六级、考研等。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 如何获取详细的评分反馈？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>系统会从内容、语言、结构等多个维度提供详细评分反馈。在评分结果页面，您可以查看具体的得分点、改进建议和修改意见。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 是否支持批量上传评分？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>目前支持单次最多1篇作文的批量上传功能。批量上传时，系统会依次评分并生成统一的评分报告。</p>
                        </div>
                    </div>

                    <div class="faq-item">
                        <div class="faq-question">
                            <h3>Q: 评分数据是否安全？</h3>
                            <span class="toggle-icon">+</span>
                        </div>
                        <div class="faq-answer">
                            <p>系统采用加密传输和存储，确保您的作文内容和评分数据安全。未经授权，任何人都无法访问您的个人数据。</p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <script src="guide.js"></script>
    <script src="common.js"></script>
</body>
</html> 